<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./libs/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/header.css">
    <title>首页</title>
    <script src="../libs/requirejs/require.min.js" data-main="./js/index.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
            box-sizing: border-box;
        }
        body {
            font-weight: 400;
        }
        .main-container {
            width: 100%;
            min-height: calc(100vh - 50px);
            position: relative;
            overflow: hidden;
            padding-top: 100px;
            background: #fff;
        }
        .main-container>.page-nav {
    width: 15.6%;
    text-align: center;
    float: left;
}
.page-nav .nav-content {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
.sidebar-cate{
    width: 105px;
    height: 223px;
}
.page-nav .list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.page-nav .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0;
}
.page-nav .list-group-item h4 {
    cursor: default;
}
.page-nav .list-group-item h4, .page-nav .list-group-item h4>a {
    padding: 10px 0;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.page-nav .cat2-list {
    height: 0;
    transition: all ease-in .5s;
    overflow: hidden;
}
.page-nav .cat2-li {
    padding: 3px 0;
}
.page-nav .cat2-li, .page-nav .cat2-li a {
    color: #000;
    font-size: 14px;
    line-height: 22px;
}
.page-nav .list-group-item.has-topborder {
    margin-top: 7px;
}
.page-nav .sidebar-refer {
    margin-top: 80px;
    margin-bottom: 50px;
}
.page-nav .list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.sidebar-refer .list-group-item h4 {
    padding-left: 12px;
    position: relative;
}
.sidebar-refer .list-group-item h4, .sidebar-refer .list-group-item h4>a {
    padding: 8px 0;
    font-size: 12px;
    color: #000;
    font-weight: normal;
}
.sidebar-refer .cat2-list {
    padding-left: 12px;
}
.page-nav .cat2-list {
    height: 0;
    transition: all ease-in .5s;
    overflow: hidden;
}
.sidebar-refer .cat2-li, .sidebar-refer .cat2-li a {
    color: #333;
    font-size: 12px;
    padding-left: 5px;
}
.page-nav .cat2-li {
    padding: 3px 0;
}
.sidebar-refer .cat2-li, .sidebar-refer .cat2-li a {
    color: #333;
    font-size: 12px;
    padding-left: 5px;
}
.page-nav .cat2-li, .page-nav .cat2-li a {
    line-height: 22px;
}
.swiper-container{
    width:82.6%;
    height: 680px;
}
.swiper-slide{
    width: 1020px;
    height: 680px;
}
.swiper-container .swiper-slide img{
        height: 100%;
        width: 100%;
}

        .web-covers {
            width: 120px;
            position: fixed;
            right: -1px;
            top: 74%;
            z-index: 99;
            background: #fff;
        }
        .web-covers .cover-kefu {
            border: 1px solid #000;
            border-right: 0;
            height: 40px;
            line-height: 40px;
            padding-left: 60px;
            letter-spacing: 3px;
            color: #000;
            font-size: 14px;
            display: block;
            background: url(https://img01.fila.cn/theme_fl/images/icons/common-pc.png) no-repeat;
            background-size: 22px auto;
            background-position: 24px -33px;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <header></header>

    <div class = "main-container clearfix J_minicart_close">
        <div id="mall_leftNav" class="page-nav">
            <div class="nav-content">
                <div class="sidebar-cate">
                    <ul class="list-group category-root">
                        <li class="list-group-item">
                            <h4><a href="http://localhost:3000/html/list.html" target="_blank">夏季新品</a></h4></li>
                            <li class="list-group-item has-children"><h4><a href="http://localhost:3000/html/list.html">女士</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">T恤/上衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">POLO衫</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">卫衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">外套</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">连衣裙</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">裤装/半身裙</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">休闲鞋</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">运动鞋</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children">
                                <h4><a href="http://localhost:3000/html/list.html">男士</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">T恤/上衣</a></li></ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">POLO衫</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">卫衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">外套</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">裤装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">休闲鞋</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">运动鞋</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children"><h4><a href="http://localhost:3000/html/list.html">儿童</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">男童-服装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">男童-鞋类</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">男童-包包附配饰</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">女童-服装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">女童-鞋类</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="http://localhost:3000/html/list.html" target="_blank">女童-包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-topborder"><h4><a href="http://localhost:3000/html/list.html" target="_blank">FUSION</a></h4>
                            </li>
                        </ul>
                    </div> 
                    <div class="sidebar-refer">
                        <ul class="list-group refer-root">
                            <li class="list-group-item"><h4><a href="/cms/help?id=20" target="_blank">帮助中心</a></h4></li>
                            <li class="list-group-item has-children"><h4><i>+</i>购物服务</h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/cms/help?id=26" target="_blank">购物流程</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=30" target="_blank">支付及发票</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=32" target="_blank">物流配送</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=37" target="_blank">退换货服务</a></li>
                                    <li class="cat2-li"><a href="/cms/tuan.html" target="_blank">企业团购</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children"><h4><i>+</i>关于FILA</h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/cms/brief.html" target="_blank">品牌简介</a></li>
                                    <li class="cat2-li"><a href="/cms/history.html" target="_blank">百年历史</a></li>
                                    <li class="cat2-li"><a href="/cms/shop.html" target="_blank">查找门店</a></li>
                                    <li class="cat2-li"><a href="/cms/joinus.html" target="_blank">工作机会</a></li>
                                    <li class="cat2-li"><a href="/cms/statement.html" target="_blank">使用条款</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./images/banner-1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-3.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-4.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-5.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-6.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/banner-7.png" alt=""></div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <!-- <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div> -->
                
                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div> -->
            </div>
        
    </div>
    <footer></footer>
    <div class="web-covers J_minicart_close">
        <a class="cover-kefu" href="javascript:;" onclick="MALL.Common.openkefu();" title="在线客服">客服</a>
    </div>
</body>
</html>